import React, {useEffect} from 'react';
import {View, Text, TouchableOpacity, TextInput, Image} from 'react-native';
import {useNavigation} from '@react-navigation/native';
import AreaView from '../../components/Layout/AreaView';
import styles from './style';
import {Icon} from '@ant-design/react-native';

const MyApply = () => {
  const navigation = useNavigation();

  return (
    <AreaView>
      <View style={styles.container}>
        <>
          <View style={styles.top}>
            <View style={styles.dot_container}>
              <View style={styles.dot} />
            </View>
            <Text style={styles.time}>2021-02.25 10:21:20</Text>
          </View>
          <View style={styles.bottom}>
            <View style={styles.line_container}>
              <View style={styles.line} />
            </View>
            <View style={styles.desc_container}>
              <View style={styles.prd_list}>
                <Image style={styles.history_cover} />
                <View style={styles.prd_info}>
                  <Text style={styles.prd_title}>课程名称名称</Text>
                  <Text style={styles.prd_name}>詹老师</Text>
                  <Text numberOfLines={2} style={styles.prd_desc}>
                    <Text style={styles.prd_desc_title}>简介文字：</Text>
                    课程简介老师简介课程简介老师简介课程简介老师简介课程简介老师简介课程简介老师简介课程简介......
                  </Text>
                </View>
              </View>
              <View style={styles.process}>
                <Text style={styles.process_text}>
                  <Text style={styles.process_title}>学习进度：</Text>
                  您已经学习了23分11秒
                </Text>
                <Text style={styles.process_num}>已学习12%</Text>
              </View>
              <View style={styles.btn_contoiner}>
                <Text style={styles.btn_text}>继续学习</Text>
                <Icon name="double-right" style={styles.icon_right} />
              </View>
            </View>
          </View>
        </>
        <>
          <View style={styles.top}>
            <View style={styles.dot_container}>
              <View style={styles.dot} />
            </View>
            <Text style={styles.time}>2021-02.25 10:21:20</Text>
          </View>
          <View style={styles.bottom}>
            <View style={styles.line_container}>
              <View style={styles.line} />
            </View>
            <View style={styles.desc_container}>
              <View style={styles.prd_list}>
                <Image style={styles.history_cover} />
                <View style={styles.prd_info}>
                  <Text style={styles.prd_title}>课程名称名称</Text>
                  <Text style={styles.prd_name}>詹老师</Text>
                  <Text numberOfLines={2} style={styles.prd_desc}>
                    <Text style={styles.prd_desc_title}>简介文字：</Text>
                    课程简介老师简介课程简介老师简介课程简介老师简介课程简介老师简介课程简介老师简介课程简介......
                  </Text>
                </View>
              </View>
              <View style={styles.process}>
                <Text style={styles.process_text}>
                  <Text style={styles.process_title}>学习进度：</Text>
                  您已经学习了23分11秒
                </Text>
                <Text style={styles.process_num}>已学习12%</Text>
              </View>
              <View style={styles.btn_contoiner}>
                <Text style={styles.btn_text}>继续学习</Text>
                <Icon name="double-right" style={styles.icon_right} />
              </View>
            </View>
          </View>
        </>
      </View>
    </AreaView>
  );
};

export default MyApply;
